import React from 'react'
import { Outlet ,NavLink} from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { CommentCircleO, HomeO, MoreO, UserCircleO } from '@react-vant/icons'
const App = () => {

  return (
    <div>
      <Outlet />

      <footer>
        <Tabbar>
          <Tabbar.Item icon={<HomeO />}><NavLink to="/">首页</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<MoreO  />}><NavLink to="/sequ">社区</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<CommentCircleO  />}><NavLink to="/gonglue">攻略</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<UserCircleO  />}><NavLink to="/my">我的</NavLink></Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  )
}

export default App
